<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安全保护</title>
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/jlcx.css"/>
<script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
	<script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
</script>
<script src="${contextPath}/resources/js/jlcx.js" type="text/javascript"></script>

<script type="text/javascript">
  var contextPath = '${contextPath}';
  $(function(){
	var data = [];
	 $.ajax({
		url : "loadRecordAuditGrid",
		cache : false,
		success : function(result) {
			for(var i=0;i<result.length;i++){
			data[i] = {id:result[i].id,company:result[i].company,contactUnit:result[i].contactUnit,record:result[i].record,uploader:result[i].uploader,createTime:FormatDate(result[i].createTime,'yyyy-MM-dd HH:mm:ss')};
			}
			
			var userOptions = {
            "id":"kingTable",                               //必须 表格id
            "head":["序号","备案单位","联系方式","审核表","上传人","上传时间"],       //必须 thead表头
            "body":data,                                    //必须 tbody 后台返回的数据展示
            "foot":true,                                    // true/false  是否显示tfoot --- 默认false
            "displayNum": 10,                               //必须   默认 10  每页显示行数
            "groupDataNum":10,                              //可选    默认 10  组数
            "clickEventCallBack":function(data_index,tr_index){ //可选 给tbody tr绑定事件回调
                console.log("tr_index: "+tr_index+" data_index: "+data_index);
            },
            sort:true,                                    // 点击表头是否排序 true/false  --- 默认false
            search:true,                                  // 默认为false 没有搜索
            lang:{
                gopageButtonSearchText:"search"
            }
        };
        var cs = new KingTable(null,userOptions);
		}
	});
     
     function FormatDate (time,format){
     var t = new Date(time);
    var tf = function(i){return (i < 10 ? '0' : '') + i;};
    return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){
        switch(a){
            case 'yyyy':
                return tf(t.getFullYear());
                break;
            case 'MM':
                return tf(t.getMonth() + 1);
                break;
            case 'mm':
                return tf(t.getMinutes());
                break;
            case 'dd':
                return tf(t.getDate());
                break;
            case 'HH':
                return tf(t.getHours());
                break;
            case 'ss':
                return tf(t.getSeconds());
                break;
        }
    });
}
    });
    
    function recordAuditGridDownload(path){
      window.open('recordAuditGridDownload?file='+encodeURIComponent(path));
    }
</script>
<style>
        .seari_logo {
            padding-left: 10px;
            color: #ffffff;
            font-size: 20px;
            text-shadow: none;
            font-weight: 600;
            line-height: 80px;
            
        }
        
        .seari_logo:hover,
        .seari_logo:focus {
            color: #ffffff;
            text-decoration: none;
        }
        
       .navbar{
            min-height: 80px;
            background: url("${contextPath}/resources/img/navbar-bg.png") repeat-x;
        }
        
        .navbar .navbar-nav > li {
            border: 0px solid rgba(0, 0, 0, 0);
        }
        
        .navbar .navbar-nav > li > a {
            padding-top: 18px;
        }
        
        @media only screen and (max-width: 991px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav > li {
                float: left;
            }
            .navbar-menu-min .navbar-nav > li > a > .menu-title {
                /*display: none;*/
            }
        }
        
        .navbar-menu{
            padding-top: 20px;
        }
        .menu-title{
            font:16px/1.5 'Microsoft YaHei',SimSun;
        }
        .page-content{
           font:12px/20px "Microsoft YaHei";
        }
        .sidebar{
            font-family:  "Microsoft YaHei";
        }
        .breadcrumb{
            font-family:  "Microsoft YaHei";
        }
        
        /****box design style*****/
.box {
	float: left;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	display: block;
	background-color: #fff;
}
.london {border-top: 7px solid #19beb6;}
.paris { border-top: 7px solid #df9801; }
.box-icon {
	width: 100%;
	position: relative;
}

.info-nav-container {
	width: 32%;
    margin-right: 3%;
}

.float-container { overflow: auto; }

.info {
	width: 100%;
	padding: 15px 30px 20px;
    font-size: 16px;
}

.info-description-container {
	padding: 20px 30px;
	float: right;
	width: 65%;
}


.london-title {
	padding: 0 0 0 5px;
	border-left: 2px solid #19beb6;
	margin: 25px 0px;
}
.london-title h2 {
	color: #19beb6;
	font:24px/1.5 'Microsoft YaHei';
	margin: 5px;
}

        
.paris-title {	border-left: 2px solid #df9801; }
.paris-title h2 { color: #df9801;font:24px/1.5 'Microsoft YaHei'; }
        
        .banner-main-home {
	background-color: white;
	background: url("${contextPath}/resources/img/gcgk-3.jpg");
background-position: bottom;
	background-size: cover;
	border-top: 7px solid #10a5cd;
	min-height: 650px;	
	overflow-y: auto;
}
.banner-main-home {
	padding: 0px 0px 0px 50px;
}
.banner-main-home-bg {
	position: relative;
	float: right;
	width: 45%;
    height:650px;
    background-color: rgba(39,39,39,0.6);
    padding:180px 40px 0px 40px;
}        
.banner-main-home-text {
	color: #fff;
	text-align: left;
	right: 0;
	top: 0px; 
	left: 0;
	text-shadow: none;
    font:16px/1.5 'Microsoft YaHei';
}
        .heading{
            border-left: 4px solid #10a5cd;
        }
        
        .banner-main-home-text h2{
            margin: 5px;
            font:24px/1.5 'Microsoft YaHei';
        }
    </style>
</head>
<body class="no-skin">
    <jsp:include page="index.jsp" flush="true" />
    
    <div class="main-container" id="main-container">
         <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed');
                } catch (e) {}
            </script>
            
			<ul class="nav nav-list">
                 <li class="">
                    <a href="" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 安全监测 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
                    
                     <ul class="submenu">
                        <li class="active">
                            <a href="cjjc">
                                <i class="menu-icon fa fa-caret-right"></i> 沉降监测一
                            </a>

                            <b class="arrow"></b>
                        </li>


                        

                    </ul>
                </li>

                <li class="active open">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 周边动态 </span>
                        
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
					
					<ul class="submenu">


                        <li class="">
                            <a href="bash">
                                <i class="menu-icon fa fa-caret-right"></i> 备案审核
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="active">
                            <a href="jlcx">
                                <i class="menu-icon fa fa-caret-right"></i> 记录查询
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed');
                } catch (e) {}
            </script>
        </div>
        
	 <div class="main-content">
	   <div class="page-content">
	     <div class="row">
	       <table id="kingTable" class="data-table"></table>
	       </div>
	   </div>
	</div>
	</div>

<script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="${contextPath}/resources/assets/js/bootstrap.js"></script>
	<script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
</body>
</html>
